#model-one{
  display: flex;
  justify-content: space-between;

  .main{
    flex: 1;
  }

  #shape-outside{
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .shape-outside-list{
    padding: 10px;
    background-color: azure;
    cursor: pointer;
    border: 1px #000 solid;
    margin-bottom: 10px;
    list-style: none;
  }
  .selected{
    border: 1px red solid;
    color: red;
  }

  .shape-outside-content{
    width: 300px;
    text-align: left;
    text-align: center;
    margin: 0 auto;
    &-img{
      float: left;
      width: 150px;
      margin: 20px;
    }
    .circle{
      shape-outside: circle(50%);
    }
    .ellipse{
      shape-outside: ellipse(130px 140px at 20% 20%);
    }
    .polygon{
      shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    }
  }
}

.ant-card{
  flex: 1;
  margin-bottom: 10px;
}

#linear-gradient{
  .options-group{
    height: 50px;
  }
  .linear-gradient-content{
    width: 60%; height: inherit;
    border-radius: 6px; 
    background: repeating-linear-gradient(-45deg, #D9CFBB  25%, #C3B393 0, #C3B393 50%,
                    #D9CFBB 0, #D9CFBB 75%, #C3B393 0);
    background-size: 16px 16px;
    animation: panoramic 60s linear infinite;
  }
}

.animationPaused-content{
  width: 200px;
  height: 200px;
  margin: 0 auto;
  text-align: center;
  line-height: 200px;
  background-color: pink;
  animation: rotate 3s linear infinite;/*详情请看animation属性*/

  &:hover{
    animation-play-state: paused;
  }
}

.scroll-my{
  scroll-behavior: smooth;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-padding: 20px;
  height: 300px;
  width: 500px;
  display: flex;
  margin-bottom: 20px;

  img {
    height: 300px;
    width: 500px;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }
}

.clip-path{
  width: 226px;
  height: 226px;
  margin-top: 20px;
  display: block;
}

// 进度条
@keyframes panoramic{
  to {
    background-position: 200% 0;
  }
}

// 旋转
@keyframes rotate{
  from{transform: rotate(0deg)}
  to{transform:rotate(360deg)}
}